<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>图书列表界面</title>
    <style>
      body{
        background-image:url("https://img.17sucai.com/upload/55/2013-05-18/884aa4be28287056c7b5d6d075382c51.jpg?x-oss-process=style/big");
      }
        h1
        {
            text-align:center;
        }

        div.margin{
            text-align:center;
            width:80%;

            margin-left:10%;

        }
    </style>
</head>
<body>
<h1>图书列表界面</h1>
<div class="margin">

<table>
    <tr>
        <th>图片</th>
        <th>图书名称</th>
        <th>作者</th>
        <th>出版社</th>
        <th>日期</th>
        <th>库存数量</th>
    </tr>
    <tr>

        <td><img src="http://img3m4.ddimg.cn/77/13/27911444-1_l_11.jpg"></td>
        <td>高尔基成长三部曲</td>
        <td>高尔基</td>
        <td>人民出版社</td>
        <td>2001-11-09</td>
        <td>100</td>

    </tr>
    <tr>
        <td><img src="http://img3m9.ddimg.cn/93/8/25092039-1_l_3.jpg"></td>
        <td>活着</td>
        <td>余华</td>
        <td>北京十月文艺出版社</td>
        <td>2017-06-01</td>
        <td>500</td>
    </tr>
    <tr>
        <td><img src="http://img3m6.ddimg.cn/83/20/25138856-1_l_5.jpg"></td>
        <td>马尔克斯：百年孤独</td>
        <td>加西亚.马尔克斯</td>
        <td>南海出版公司</td>
        <td>2017-08-01</td>
        <td>230</td>
    </tr>
</table>
<button onclick="add()">add</button>
</div>
<script type="text/javascript">
    function add(){
            window.location.href = "index3.html";
            return true;
    }
</script>
</body>
</html>
